#root {
    --font-color-dark: #ebdbb2;
    --font-color-light: #363329;
    --bg-color-dark: #282828;
    --border-color-dark: #2e2e2e;
    --bg-color-light: #fff;
    --border-color-light: #efede3;
    --bg-second-color-dark: #424242;
    --bg-second-color-light: #f4f5f5;
    --inset-box-shadow-dark: inset -1px -1px 5px rgba(0, 0, 0, 0.6),
    inset 1px 1px 5px rgba(0, 0, 0, 0.6);
    --inset-box-shadow-light: inset 1px 1px 3px rgba(0, 0, 0, 0.1),
    inset -1px -1px 3px rgba(0, 0, 0, 0.1);

    --data-card-light-1: rgba(142, 212, 231, .3);
    --data-card-light-2: rgba(254, 128, 144, .3);
    --data-card-light-3: rgba(243, 204, 53, .3);
    --data-card-light-4: rgba(131, 176, 35, .3);

    --data-card-dark-1: rgba(142, 212, 231, .03);
    --data-card-dark-2: rgba(254, 128, 144, .03);
    --data-card-dark-3: rgba(243, 204, 53, .03);
    --data-card-dark-4: rgba(131, 176, 35, .03);
}


html,
body {
    margin: 0;
    padding: 0;
    width: 100vw;
    height: 100vh;
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

#root {
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    background: transparent;
}

.container {
    width: 100%;
    height: 100%;
}


*::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 5px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 5px;
}

*::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 5px;
    background-color: rgba(165, 187, 208, 1);
    background-image: -webkit-linear-gradient(45deg,
    rgba(255, 255, 255, 0.2) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.2) 50%,
    rgba(255, 255, 255, 0.2) 75%,
    transparent 75%,
    transparent);
}

*::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow: inset 0 0 5px rgba(165, 187, 208, 0.0);
    background: rgba(255, 255, 255, 0.0);
    border-radius: 10px;
}


@font-face {
    font-family: "Maple";
    src: url("./assets/fonts/MapleMono-NF-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "Mk";
    src: url("./assets/fonts/MaoKenTangYuan (Beta).ttf") format("truetype");
}

* {
    box-sizing: border-box;
    font-family: "Maple", "Mk", serif !important;
}

